<ui:component xmlns="http://www.w3.org/1999/xhtml"  
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:ui="http://java.sun.com/jsf/facelets"
    	xmlns:h="http://java.sun.com/jsf/html"
    	xmlns:p="http://primefaces.prime.com.tr/ui"
   		xmlns:c="http://java.sun.com/jsp/jstl/core"> 
    
<center>

 <h:form id="form"> 
 
<p:panel header="Cadastro de Notícias" >

 <h:panelGrid columns="2" cellpadding="2" >
	
	   		<h:outputText for="titulo" value="Título"/>  
	   		<p:inputText 
                     	id="titulo" 
                     	required="true" 
                     	label="Título" 
                     	size="40" 
                        value="#{noticiaBean.noticia.titulo}" /> 
                        
            <h:outputText for="conteudo" value="Conteúdo"/>
            <p:inputTextarea style="width:500px;height:100px;" effectDuration="400"
                     	id="conteudo" 
                     	required="true" 
                     	label="Conteúdo" 
                        value="#{noticiaBean.noticia.conteudo}" /> 
            
			                        
			 <p:commandButton value="Gravar" image="ui-icon ui-icon-disk"
                             actionListener="#{noticiaBean.cadastrarNoticia}" update="noticias"/>  
			
			<p:commandButton value="Limpar" image="ui-icon ui-icon-cancel" type="reset"/>  
	
       </h:panelGrid>

</p:panel>

<p:separator/>
<p:growl id="messages"/>  
<p:separator/>

<p:dataTable 
 		id="noticias" 
 		value="#{noticiaBean.noticiasCadastradas}" 
  		var="noticia" 
 		emptyMessage="Não há notícias cadastradas" 
 	    dynamic ="true" 
        >  
  
  		<f:facet name="header">  
                <h:outputText value="Notícias Cadastradas"/>  
            </f:facet>
       
       
    <p:column headerText="Título">  
          <center>
             <h:outputText value="#{noticia.titulo}" />  
          </center>
   </p:column>  

    <p:column headerText="Gravada em" >  
            <center>
                 <h:outputText value="#{noticia.dataCadastro.time}" >  
                 	<f:convertDateTime  pattern="dd/MM/yyyy"/>
                 </h:outputText>
             </center>               
   </p:column> 
  
  <p:column headerText="Status">  
          <center>
          
          <h:outputText value="#{noticia.statusCadastro}" />  
                 	
       
          </center>
   </p:column>  
   
         
</p:dataTable>  


 

    <p:confirmDialog message="Tem certeza que deseja apagar esta notícia?" width="200"  
                    showEffect="explode" hideEffect="explode"  
                    header="Confirma?" severity="alert" widgetVar="confirmation">  
  
        <p:commandButton value="Sim" update="noticias" actionListener="#{noticiaBean.remover}" oncomplete="confirmation.hide()"/>  
        <p:commandButton value="Não" onclick="confirmation.hide()" type="button" />  
  
    </p:confirmDialog>  
 </h:form>
</center> 
 
</ui:component>